.ismobile {
    background-color: #8c8c8c;
    height: 100vh;
    width: 100vw;
    text-align: center;
    line-height: 100vh;
    color: #fff;
    font-size: 30px;
}

// 工具栏  暂时存放这里
// ::-webkit-scrollbar-thumb {
//   border-radius: 10px;
//   -webkit-box-shadow: inset 0 0 6px #00796a;
//   cursor: pointer;
// }
// ::-webkit-scrollbar {
//   width: 5px;
//   cursor: pointer;
// }


// 回到顶部
.ant-back-top {
    right: 10px !important;
    bottom: 100px !important;
}

// .anticon svg {
//   display: inline-block;
//   color: #ffffff;
// }
.ant-breadcrumb {
    text-align: start;
}

.ant-layout-sider-trigger {
    bottom: 70px !important;
}

.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
    color: #ffffff;
    background: #00796a !important;
}

.ant-layout-header {
    background-color: #00796a !important;
    height: 70px !important;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    color: #f6ab00 !important;
    background: transparent !important;

    &::after {
        content: "";
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        background-color: #f6ab00;
        // transition: all 500ms;
        animation: footer-bar 200ms;
    }
}

@keyframes footer-bar {
    0% {
        width: 0%;
    }

    10% {
        width: 10%;
    }

    20% {
        width: 20%;
    }

    30% {
        width: 30%;
    }

    40% {
        width: 40%;
    }

    50% {
        width: 50%;
    }

    60% {
        width: 60%;
    }

    70% {
        width: 70%;
    }

    80% {
        width: 80%;
    }

    90% {
        width: 90%;
    }

    100% {
        width: 100%;
    }
}

.ant-layout-sider-trigger {
    background-color: #00796a !important;
}

.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
    border-right: 3px solid #00796a !important;
}

.ant-menu-item-selected {
    color: #00796a !important;
}

.ant-menu-submenu-selected {
    color: #00796a !important;
}

.ant-layout-sider-trigger {
    border-bottom-left-radius: 10px;
}

// .ant-menu-item:hover {
//   color: #00796a !important;
// }

#login {
    .ant-input {
        color: rgba(0, 0, 0, 0.85);
        background-color: #f5f5f5;
        border: 0px solid #f5f5f5;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-radius: 0px;
    }

    .ant-input:focus {
        border-color: none !important;
        border-right-width: 0;
        outline: 0;
        box-shadow: none;
        border: none !important;
    }

    .ant-input:hover {
        border-color: #f5f5f5 !important;
        border-right-width: 0px !important;
    }

    .ant-input-affix-wrapper {
        color: rgba(0, 0, 0, 0.85);
        background-color: #f5f5f5;
        border: 0px solid #f5f5f5;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-radius: 0px;
        height: 40px;
    }

    .ant-input-affix-wrapper:focus {
        border-color: #f5f5f5 !important;
        border-right-width: 0px !important;
        outline: 0;
        box-shadow: none;
    }

    .ant-input-affix-wrapper:hover {
        border-color: #f5f5f5 !important;
        border-right-width: 0px !important;
        box-shadow: none;
    }

    .ant-input-affix-wrapper-focused {
        border-color: #f5f5f5 !important;
        border-right-width: 0px !important;
        box-shadow: none;
    }

    .anticon svg {
        display: inline-block;
        color: #00796a;
    }

    .ant-btn-primary {
        color: #fff;
        background: #00796a !important;
        border-color: #00796a !important;
        text-shadow: 0 -1px 2px #00796a;
        box-shadow: 1px 1px 20px #00796a;
    }

    .ant-row {
        display: flex;
        flex-flow: row nowrap;
    }
}

// .ant-modal-header {
//     border-bottom: 0 solid #f0f0f0;
// }

.ant-modal-body {
    padding: 0px 24px !important;
}

.ant-tabs-nav .ant-tabs-tab-active {
    color: #00796a !important;
    font-weight: 500;
}

.ant-tabs-ink-bar {
    background-color: #f6ab00 !important;
}

.ant-modal-title {
    font-weight: 700 !important;
}

.el-button--primary {
    color: #fff !important;
    background-color: #00796a !important;
    border-color: #00796a !important;
}

// .el-button--mini {
//   color: #00796a !important;
//   background-color: #fff;
//   border-color: #00796a !important;
// }

// #has-notice {
//     .ant-tabs-nav .ant-tabs-tab-active {
//         font-size: 18px;
//     }

//     .ant-input {
//         padding: 10px 11px;
//         border: 1px solid #00796a;
//         border-radius: 0 !important;
//     }

//     .ant-btn-lg {
//         height: 46.5px;
//         border-radius: 0px;
//         margin-top: -0.5px;
//     }

//     .ant-btn-primary {
//         color: #fff;
//         background: #00796a;
//         border-color: #00796a;
//         // text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
//         // box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
//     }

//     .ant-input:focus {
//         border-color: #00796a;
//         border-right-width: 0px !important;
//         // outline: 0;
//         box-shadow: none;
//     }

//     .el-button--text {
//         color: #00796a;
//         font-size: 15px;
//     }
// }

// #statistics-manager,
// #program-manager {
//     .ant-btn-danger {
//         color: #fff;
//         background: #00796A;
//         border-color: #00796A;
//         text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
//         box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
//     }

//     .ant-btn-primary {
//         color: #fff;
//         background: #F6AB00;
//         border-color: #F6AB00;
//         text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
//         box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
//     }
// }
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #e8e8e8;
}

#approve {
    .ant-steps-navigation .ant-steps-item::before {
        background-color: #00796A;
    }

    .ant-steps-item-finish .ant-steps-item-icon {
        border-color: #00796A;
    }

    .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon {
        color: #00796A;
    }

    .ant-steps-item-process .ant-steps-item-icon {
        border-color: #00796A;
    }

    .ant-steps-item-process .ant-steps-item-icon {
        background: #00796A;
    }

    .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
        color: #00796A;
    }

    .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
        color: #00796A;
    }
}

#enterprise-manager {
    .el-tree-node__content {
        height: 40px;
    }

    .ant-modal-header {
        border-bottom: 1px solid #f0f0f0 !important;
    }
}